<!-- 页面 -->
<template>
    <div>
        <van-tabbar v-model="active" placeholder>
            <van-tabbar-item to="/shou" name="shou" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item to="/fen" name="fen" icon="search">分页</van-tabbar-item>
            <van-tabbar-item to="/gou" name="gou" icon="friends-o">购物车</van-tabbar-item>
            <van-tabbar-item to="/wo" name="wo" icon="setting-o">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>
<!-- vue -->
<script>
export default {
    props: [
        'active1'
    ],
    data() {

        return {
            // 声明的属性
            active: this.active1,
        }
    },
    //生命周期函数
    mounted() {
    },
    // 调用方法
    methods: {
    },
    // 监听器
    watch: {
    },
    // 计算属性
    computed: {
    },
    // 过滤器
    filters: {
    },
    // 自定义指令
    directives: {
    }
}
</script>
<!-- css样式 -->
<style></style>